<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="background: #fafafa; padding: 24px;"
    >
      <div
        style="width: 100%;"
      >
        <div
          style="margin-block-end: 16px;"
        >
          <div
            class="ant-skeleton"
          >
            <div
              class="ant-skeleton-content"
            >
              <h3
                class="ant-skeleton-title"
                style="width: 185px;"
              />
            </div>
          </div>
          <div
            class="ant-skeleton ant-skeleton-element ant-skeleton-active"
          >
            <span
              class="ant-skeleton-button ant-skeleton-button-sm"
            />
          </div>
        </div>
        <div
          class="ant-card"
          style="margin-block-end: 16px;"
        >
          <div
            class="ant-card-body"
          >
            <div
              style="width: 100%; justify-content: space-between; display: flex;"
            >
              <div
                style="padding-inline-start: 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; margin-inline-end: 16px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100px; margin-block-start: 0;"
                    />
                  </div>
                </div>
                <div
                  class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                >
                  <span
                    class="ant-skeleton-button"
                    style="height: 48px;"
                  />
                </div>
              </div>
              <div
                style="padding-inline-start: 16px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; margin-inline-end: 0;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100px; margin-block-start: 0;"
                    />
                  </div>
                </div>
                <div
                  class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                >
                  <span
                    class="ant-skeleton-button"
                    style="height: 48px;"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ant-card"
        >
          <div
            class="ant-card-body"
            style="padding: 0px;"
          >
            <div
              class="ant-card"
              style="border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"
            >
              <div
                class="ant-card-body"
                style="padding-block-end: 8px;"
              >
                <div
                  class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                  style="width: 100%; justify-content: space-between;"
                >
                  <div
                    class="ant-space-item"
                  >
                    <div
                      class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                    >
                      <span
                        class="ant-skeleton-button ant-skeleton-button-sm"
                        style="width: 200px;"
                      />
                    </div>
                  </div>
                  <div
                    class="ant-space-item"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                        >
                          <span
                            class="ant-skeleton-button ant-skeleton-button-sm"
                            style="width: 120px;"
                          />
                        </div>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                        >
                          <span
                            class="ant-skeleton-button ant-skeleton-button-sm"
                            style="width: 80px;"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-card"
            >
              <div
                class="ant-card-body"
                style="padding: 0px;"
              >
                <div
                  class="ant-card"
                  style="border-radius: 0px;"
                >
                  <div
                    class="ant-card-body"
                    style="padding: 24px;"
                  >
                    <div
                      style="width: 100%; display: flex; align-items: center; justify-content: space-between;"
                    >
                      <div
                        style="max-width: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-active"
                        >
                          <div
                            class="ant-skeleton-content"
                          >
                            <h3
                              class="ant-skeleton-title"
                              style="width: 100px; margin-block-start: 0;"
                            />
                            <ul
                              class="ant-skeleton-paragraph"
                              style="margin: 0px;"
                            >
                              <li
                                style="width: 61%;"
                              />
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                      >
                        <span
                          class="ant-skeleton-button ant-skeleton-button-sm"
                          style="width: 165px; margin-block-start: 12px;"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  style="padding: 0px 24px;"
                >
                  <div
                    class="ant-divider ant-divider-horizontal"
                    role="separator"
                    style="margin: 0px;"
                  />
                </div>
                <div
                  class="ant-card"
                  style="border-radius: 0px;"
                >
                  <div
                    class="ant-card-body"
                    style="padding: 24px;"
                  >
                    <div
                      style="width: 100%; display: flex; align-items: center; justify-content: space-between;"
                    >
                      <div
                        style="max-width: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-active"
                        >
                          <div
                            class="ant-skeleton-content"
                          >
                            <h3
                              class="ant-skeleton-title"
                              style="width: 100px; margin-block-start: 0;"
                            />
                            <ul
                              class="ant-skeleton-paragraph"
                              style="margin: 0px;"
                            >
                              <li
                                style="width: 61%;"
                              />
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                      >
                        <span
                          class="ant-skeleton-button ant-skeleton-button-sm"
                          style="width: 165px; margin-block-start: 12px;"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  style="padding: 0px 24px;"
                >
                  <div
                    class="ant-divider ant-divider-horizontal"
                    role="separator"
                    style="margin: 0px;"
                  />
                </div>
                <div
                  class="ant-card"
                  style="border-radius: 0px;"
                >
                  <div
                    class="ant-card-body"
                    style="padding: 24px;"
                  >
                    <div
                      style="width: 100%; display: flex; align-items: center; justify-content: space-between;"
                    >
                      <div
                        style="max-width: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-active"
                        >
                          <div
                            class="ant-skeleton-content"
                          >
                            <h3
                              class="ant-skeleton-title"
                              style="width: 100px; margin-block-start: 0;"
                            />
                            <ul
                              class="ant-skeleton-paragraph"
                              style="margin: 0px;"
                            >
                              <li
                                style="width: 61%;"
                              />
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                      >
                        <span
                          class="ant-skeleton-button ant-skeleton-button-sm"
                          style="width: 165px; margin-block-start: 12px;"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  style="padding: 0px 24px;"
                >
                  <div
                    class="ant-divider ant-divider-horizontal"
                    role="separator"
                    style="margin: 0px;"
                  />
                </div>
                <div
                  class="ant-card"
                  style="border-radius: 0px;"
                >
                  <div
                    class="ant-card-body"
                    style="padding: 24px;"
                  >
                    <div
                      style="width: 100%; display: flex; align-items: center; justify-content: space-between;"
                    >
                      <div
                        style="max-width: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-active"
                        >
                          <div
                            class="ant-skeleton-content"
                          >
                            <h3
                              class="ant-skeleton-title"
                              style="width: 100px; margin-block-start: 0;"
                            />
                            <ul
                              class="ant-skeleton-paragraph"
                              style="margin: 0px;"
                            >
                              <li
                                style="width: 61%;"
                              />
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                      >
                        <span
                          class="ant-skeleton-button ant-skeleton-button-sm"
                          style="width: 165px; margin-block-start: 12px;"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  style="padding: 0px 24px;"
                >
                  <div
                    class="ant-divider ant-divider-horizontal"
                    role="separator"
                    style="margin: 0px;"
                  />
                </div>
                <div
                  class="ant-card"
                  style="border-radius: 0px;"
                >
                  <div
                    class="ant-card-body"
                    style="padding: 24px;"
                  >
                    <div
                      style="width: 100%; display: flex; align-items: center; justify-content: space-between;"
                    >
                      <div
                        style="max-width: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
                      >
                        <div
                          class="ant-skeleton ant-skeleton-active"
                        >
                          <div
                            class="ant-skeleton-content"
                          >
                            <h3
                              class="ant-skeleton-title"
                              style="width: 100px; margin-block-start: 0;"
                            />
                            <ul
                              class="ant-skeleton-paragraph"
                              style="margin: 0px;"
                            >
                              <li
                                style="width: 61%;"
                              />
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                      >
                        <span
                          class="ant-skeleton-button ant-skeleton-button-sm"
                          style="width: 165px; margin-block-start: 12px;"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  style="padding: 0px 24px;"
                >
                  <div
                    class="ant-divider ant-divider-horizontal"
                    role="separator"
                    style="margin: 0px;"
                  />
                </div>
                <div
                  class="ant-card"
                  style="border-start-end-radius: 0; border-top-left-radius: 0px;"
                >
                  <div
                    class="ant-card-body"
                    style="display: flex; align-items: center; justify-content: center;"
                  >
                    <div
                      class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                    >
                      <span
                        class="ant-skeleton-button ant-skeleton-button-sm"
                        style="width: 102px;"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>